@font-face {
    font-family: 'iconfont';
    src: url('../../fonts/iconfont.eot');
    src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/iconfont.woff2') format('woff2'),
    url('../../fonts/iconfont.woff') format('woff'),
    url('../../fonts/iconfont.ttf') format('truetype'),
    url('../../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size:14px;
    font-style: normal!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*@keyframes move{*/
    /*0%{background-size:120% auto;}*/
    /*100%{background-size:170% auto;}*/
/*}*/
html,body{width:100%;height:100%;
    /*animation-name: move;*/
    /*animation-duration:7s;*/
    /*animation-timing-function:ease-in-out;*/
    /*animation-delay: .2s;*/
    /*animation-iteration-count:infinite;*/
    /*animation-direction:alternate;*/
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.hide{ display:none;}
.contant{width:100%;height:100%; position: fixed;top:0;left:0; bottom:0; z-index:1000; display:table}
.out-contmain{width:100%;height:100%;display:table-cell;vertical-align:middle; }
.contant .contmain{width:1200px;height:600px;background:rgba(219,255,255,0.12);margin: 0 auto; border-radius:0 50px 0 50px;overflow:hidden;}
.contant .contmain .contmian-left{width:795px;height:600px; overflow: hidden; float:left;}
.contant .contmain .contmian-left h1{ color:#f5f5e7; font-weight:bold; font-size:48px; margin-left: 108px; margin-top:160px;}
.contant .contmain .contmian-left h2{ color:#f6fdff; font-size:18px;margin-left: 108px; margin-top:3px;}
.contant .contmain .contmian-left .bot-line{width:565px;height:2px; background-color:#03b8fc;margin-left:108px; margin-top:5px;}
.contant .contmain .contmian-left .bot-line-top{width:210px; height:2px; background-color:#ffd130;}
.contant .contmain .contmian-left .mintext-left{margin-top:60px;}
.contant .contmain .contmian-left .mintext-left span{ font-size:32px; margin-right: 20px; font-weight:bold;}
.contant .contmain .contmian-left .mintext-left span.col1{ color:#a5e9f8;}
.contant .contmain .contmian-left .mintext-left span.col2{ color:#88e2f7;}
.contant .contmain .contmian-left .mintext-left span.col3{ color:#23cef7;}
.contant .contmain .contmian-left .mintext-left span.col4{ color:#32d2f8;}
.contant .contmain .contmian-left .mintext-left .samaltxt{ color:#9ee6f7; font-size:24px; line-height:30px; margin-top: 10px;}
.contant .contmain .contmian-right{width:405px;height:600px;overflow:hidden;/* background:#f1fff5;*/  background: #fff;float:right;position:relative;}
.contant .contmain .contmian-right .newlogin-ctn{width:389px;height:auto;margin:8px;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn{width:310px;height:auto;margin:80px auto 0 auto;position:relative;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .erwtab{width:70px;height:70px; position:absolute;top:-70px;right:-20px;cursor:pointer}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .erwtab img{width:70px;height:70px;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav{width:100%; height:38px;border-bottom:1px solid #e7e7e7;font-size:16px;color:#666;float:left;}
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li{margin-right:30px;display:inline-block;height:36px;cursor:pointer;position:relative}
/*.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li.checked{border-bottom:2px solid #00c1f0;}*/
.contant .contmain .contmian-right .newlogin-ctn .newlogin-nei-ctn .login-nav li.checked:after{content:"";position:absolute;bottom:-3px;left:0;height:2px;background:#00c1f0;display:block;width: 100%; }
.thethree-ctn{width:125px;height:auto;color:#666;text-align:center; margin:55px auto 20px auto;}
.thethree-ctn img{width:50px;height:50px;margin:6px;cursor:pointer;}
.contant .contmain .contmian-right .circle-out{width:120px;height:120px;border-radius:50%;background:#fff; border:20px solid #eefaff; padding:2px; margin:100px auto 0 auto;}
.contant .contmain .contmian-right .circle-out .circle-in{width:100px;height:100px; border-radius:50%;   background:#fff; border:10px solid #ddf6ff;line-height:100px;font-size:20px;text-align:center; color:#666;}
.contant .contmain .contmian-right form{ margin-top:20px; text-align: center;}
.contant .contmain .contmian-right form .loginline{width:340px;height:40px;line-height:40px; margin:20px auto; border-bottom:1px solid #ddd;}
.contant .contmain .contmian-right form .login-input-form{width:100%;height:40px;line-height:48px; margin:20px auto; border:1px solid #ddd; border-radius:2px;}
.contant .contmain .contmian-right form .loginline label span{ margin-right:20px; font-size:20px; color:#00b7fc;}
.contant .contmain .contmian-right form .loginline input{width:290px; height:40px; line-height:40px; border:none; background:none; outline:none; color:#666;}
.contant .contmain .contmian-right form .loginline2{width:338px;height:38px;line-height:38px; border-radius:3px;background:#f5f5f5; border:1px solid #ddd; color:#999; font-size:16px; margin:30px auto; text-align: center;}
.contant .contmain .contmian-right form  button{ background-color:#00c1f0; color:#fff;width:340px;height:45px; line-height:45px; font-weight:bold;border:none;font-size:18px;}
.contant .contmain .contmian-right .verification{ width:340px; height:auto; margin:0 auto 20px auto;}
canvas{border-radius:7px; overflow:hidden;}
.contant .contmain .contmian-right form span.prompt{ font-size: 12px; color:red; text-align: left; display:block; padding-bottom:10px; padding-left: 32px;}
#msg{width:100%;line-height:30px;font-size: 14px;text-align: center; color:#00c1f0;}
/*滑动验证模块*/
#slider{margin: 0px auto 30px auto;width: 300px;height: 40px;position: relative;border-radius: 20px;background-color: #dae2d0;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
#slider_bg{position: absolute;left:0;top: 0;height: 100%;background-color: #7AC23C;z-index:1;}
#label{width:46px;position: absolute;left: 0;top: 0;height: 40px;line-height: 38px;border: 1px solid #cccccc;background: #fff;z-index: 3;cursor: move;color: #ff9e77;font-size: 16px;font-weight: 900;}
#labelTip{position: absolute;left: 0;width: 100%;height: 100%;font-size: 13px;font-family: 'Microsoft Yahei', serif;color: #787878;line-height: 38px;text-align:center;z-index: 2;}
.ui-slider-wrap {
    background: #e8e8e8;
    position: relative;
}
.ui-slider-wrap .ui-slider-bg {
    width: 0;
}
.ui-slider-wrap .ui-slider-btn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider-wrap .ui-slider-btn {
    background: #fff url(../../images/slider.png) no-repeat center;
}

.ui-slider-wrap .ui-slider-btn.success {
    background-image: url(../../images/success.png);
    border: 1px solid #1fdfc2;
}

.ui-slider-wrap .ui-slider-text {
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
}

.ui-slider-wrap .ui-slider-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*license失效或者过期*/
.license-ctn{width:100%;height:100%;position:fixed;top:0; left:0; bottom: 0; right:0; display:table;z-index:100; background: rgba(0,0,0,0.8)}
.license-ctn .license-ctn-nei{width:100%;height:100%;display: table-cell ;text-align:center;vertical-align: middle;}
.license-ctn .license-ctn-nei .license-ctn-tc{width:500px;height:258px;position:relative;line-height: 40px;font-weight:bold;color:#666; padding-left: 400px; padding-top: 150px; background:#fff; margin: 0 auto; text-align: left;}
.license-ctn .license-ctn-nei .license-ctn-tc .closelic{width:54px;height:54px;top:0; right:0; z-index: 101; position: absolute; cursor: pointer}
.license-ctn .license-ctn-nei .license-ctn-tc .closelic img{width:54px;height:54px; position:static;}
.license-ctn .license-ctn-nei .license-ctn-tc img{ position:absolute; left:120px; top:75px;}
.license-ctn .license-ctn-nei .license-ctn-tc h1{ font-size:16px;font-weight:bold;}
.license-ctn .license-ctn-nei .license-ctn-tc h2{ font-size:18px;font-weight:bold;}
/*注册账号和忘记密码*/
.register-ctn{width:351px; height: 40px; line-height:50px; color:#00c1f0; font-size:15px; margin-top:10px;}

/*******注册账号*******/

.registere-line{width:310px;height:50px;border-bottom:1px solid #E7E7E7; margin-bottom:13px; text-align:left;position:relative;font-size:0;}
.registere-line input{height:50px;border:none;font-size:14px;color:#303030;}
.registere-line input.wxyy-input{width:100%;}
.registere-line input.yzm-input{width:189px;}
.registere-line button.yzmbtn{width:121px!important;height:36px!important;line-height:36px!important;font-size:12px!important;color:#fff;border-radius:20px;font-weight:lighter!important;background:#F8A228!important;cursor:pointer;position:absolute;top:0;right:0;}
.inputfocus{position:absolute;display:block;height:2px;width:1px;bottom:-1px;left:0;background:#00c1f0;}
.registere-line button.yzmbtn[disabled]{background:#d8d8d8!important;color:#707070;}
.alertxt{position:absolute;display: inline-block;height:50px;line-height:50px;width:20px; text-align:right;}
















